<template>
    <el-date-picker v-model="currentValue" :format="format" :value-format="format" @change="change"></el-date-picker>
</template>

<script>
    export default {
      data(){
        return {
          currentValue:''
        }
      },
      props:{
        value: {
          type: String
        },
        format:{
          type: String,
          default: 'yyyy-MM-dd'
        }
      },
      created(){
        this.currentValue = this.value;
      },
      methods:{
        change(val){
          this.$emit('change',val);
        }
      },
      watch:{
        value:function (val) {
          this.currentValue = val;
        }
      }
    }
</script>

<style scoped>

</style>
